
<script setup>
import { ref } from "@vue/reactivity";
import MessageItem from "@/components/messageBox/MessageItem.vue"

    const props = defineProps({
        list: Array
    });

 
</script>
 
<template>
    <div class="container">
        <ul>
            <MessageItem v-for="item in props.list" :key="item.Id" :name="item.Name"
            :id="item.Id" :content="item.Content" :time="item.Time" ></MessageItem>
        </ul>
    </div>
</template>

<style lang='less' scoped>
    .container {
    }
</style>